I designed and built this web app to practice my coding skills utilizing the knowledge of React and Laravel. The web version of this project can be seen here.
The app provides a platform where instructors and students can come together to enjoy a learning environment
- First of all, users can sign up as an instructor or student.
- Instructors can add and browse courses and modules while students can enroll in them.
- Other features and functions include feedbacks, announcements and contact options.
Foreseeable errors like location access denied, failing to fetch data and unavailable data are handled such that the user can see on the screen what went wrong.
The app was built using fullstack knowledge in React and Laravel:
This is a basic app that fulfills the requirements for the MVP of a learning platform. Nevertheless, I intend to keep improving upon it with the following roadmap.
- Responsive app
- User authentication
- Storing the data in the Database
- Use axios to fetch data from the database
- Loading/error handling for the interaction with the API
- Creating courses by the instructors and enrollment by the students
- Feedback on the app
- Contact Form
- Additional Options
- Comments on the modules
- Generate certificates on completion
To run the project locally, run the local servers using npm run dev on frontend folder react and php artisan serve on backend. Database can be seeded using the command php artisan db:seed
This is in no way a perfect application. I am in the process of learning and implementing knowledge. Therefore, contributions, suggestions and feedbacks are heartily welcome. If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Nida ul Zafar
I would like to express my deepest appreciation to a number of people and resources that helped me get through this project.
- Settly Team My amazing team at Settly where I did my internship and got the opportunity of learning PHP / Laravel.
- HackYourFuture Team who laid the foundation for me in web development.
- Othneil Drew For his carefully designed readme template that helped me design mine.
- Shields For their easy to design badges that I have used above.
- Colorlib For their Sign-up / Sign-in page.
- Mohamed Azouaoui For their Sidebar template.