Medify is a React-based web application that allows users to find medical centers in specific states and cities across the USA and book appointments. This project was developed as part of a front-end developer assignment to showcase skills in React development, API integration, and responsive design.
- Landing Page: Includes a navigation bar, search section for state and city selection, and other sections as per the Figma design.
- Search Results: Displays available medical centers in the selected location.
- Booking Interface: Allows users to select a medical center and book appointments up to one week in advance.
- My Bookings Page: Shows all user bookings with relevant details.
- Responsive Design: Fully responsive and adheres to the provided Figma design standards.
- React
- Material-UI
- Swiper (for carousels)
- React Router
- Axios (for API requests)
- LocalStorage (for data persistence)
- Clone the repository:
git clone https://github.com/milindkusahu/medify.git - Navigate to the project directory:
cd medify - Install dependencies:
npm install - Run the development server:
npm run dev
The application integrates with the following backend endpoints:
- List of states:
https://meddata-backend.onrender.com/states - Cities in a state:
https://meddata-backend.onrender.com/cities/:state - Medical centers:
https://meddata-backend.onrender.com/data?state=<state-name>&city=<city-name>
This project is deployed on Vercel. The live version can be accessed here.
Contributions, issues, and feature requests are welcome. Feel free to check issues page if you want to contribute.
This project is MIT licensed.
- Assignment provided by Crio
- Design inspiration from provided Figma file