Project-005 : Appointment App (RP-05)

Appoinment App

What's used in this app ?	How to run ?	Author
React-Booststrap React Javascript Html Css	Once you clone the project run pnpm install or yarn install for node modules run pnpm start or yarn start for open development stage	Take a look at my other projects Visit me on Linkedin
What is this project about ? This project is basically an appoinment app for certain hospital, Description Project aims to create a Hospital Appointment App. Problem Statement We are adding a new project to our portfolios. So you and your colleagues have started to work on the project. Project Skeleton 005 - Appointment App (folder) | |----readme.md # Given to the students (Definition of the project) SOLUTION ├── public │ ├── img │ └── index.html ├── src │ ├── components │ │ ├── AddModal.jsx │ │ ├── AppointmentList.jsx │ │ └── Doctors.jsx │ │ │ ├── pages │ │ └── Home.jsx │ │ │ ├── helpers │ │ └── Data.jsx │ │ │ ├── App.js │ ├── App.css │ ├── index.js │ └── index.css ├── package.json └── yarn.lock Expected Outcome Objective Build a Hospital Appointment App using ReactJS. At the end of the project, following topics are to be covered; HTML CSS JS ReactJS At the end of the project, students will be able to; improve coding skills within HTML & CSS & JS & ReactJS. use git commands (push, pull, commit, add etc.) and Github as Version Control System. Steps to Solution Step 1: Create React App using npx create-react-app appointment-app Step 2 : Install "react-icons" package to your package.json for icons. Step 3: Build Appointment App. Step 4: You can use CSS frameworks like Bootstrap, React-Bootstrap etc. Step 5: Push your application into your own public repo on Github Step 6: Add project gif to your project and README.md file. Notes You can add additional functionalities to your app. Additional Data Data.jsx images ☺ Happy Coding ✍