Final project for the tech1m frontend development bootcamp program. Tech1m junior is platform where children with passion for tech are taught. This platform gives children access to well selected and explained tech courses that makes lerning fun for them. The platform also allows the instructors to pass information and courses to students. It also allows the instructor to track the progress of the students and view all submitted assignments. This project is also mobile responsive.
Tools used to create this project:
- React Js (Javascrip framework)
- Firebase (for form authetication)
- Tailwindcss (Css Library)
- Chart Js ( for bar-chart)
- Formik ( for form)
- DayJs ( for calender)
- React Icons (for icons)
- React Router (for routing)
- NPM
- Assisted in implementing the course page (Page 6).
- Implemented the display of courses and their details in the course page.
- Assisted in implementing the students page (Page 7).
- Implemented the display of student details in a table in the students page.
- Assisted in implementing the payment page.
- Implemented the display of payment details made by students
- Contributed to the messages page (Page 9)
- Implementing the messages page.
This website includes 9 pages:
This page is the welcome page and it asks users if they either want to log in as old users or sign up as new users either as students or instructors.
This page content is dependent on which ever button is clicked in the first page. If users choose signup the page show form for signing up, but if users click log in, the page displays a login form. When the user inputs a wrong password or email on the Login page, it displays an error of invalid password/username. The user can then go to the sign up page to create a new account or go to the forgot password page to reset their password. While on the Sign up page, if the user inputs an email that exists on the database, it displays a 'user already exists' error.
This page is for users that need to recover their passwords. after filling the form, a link is sent to the user's registered email for password recovery. An email that does not exist on the database would display an error of 'user does not exist'.
This page is the home where all general details are displayed.
This page displays all courses and their details.
This page displays all the students and their details in a table.
This page displays all the payments made by the students and their details such as status of the payment.
This page shows all the assignments and quiz that have been submitted by students for the instructor to assess
This page show messages sent to users.
This project is hosted on vercel 
- copy the url: https://github.com/Temyturpe/Tech1m-group3-project.git and in your vscode or github desktop,
- open project in vscode and run: "npm install" to install all dependencies,
- then run "npm run start" to view on browser