teal-flag-2494

Depoyed Link :

The project is deployed on netlify - https://teal-flag-2494.netlify.app

Description

This project is an implementation of Ed-Tech Website. It allows its users to choose from various courses in different fields of career and start learning.

Features

• User functionality
1. Register user
2. Login user
3. Add a course to "My Learning" section
4. Search programs
5. Filter functionality by specializations and level
6. Logout user

Installation

To install the project, follow these steps:

1. Clone the repository using the following command:

git clone https://github.com/VeeranganaMalav/teal-flag-2494.git

2. Install the required dependencies:

npm install

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.

npm run server

Runs the json-server

Tech Stacks

• HTML
• CSS
• ReactJS
• Chakra UI

Folder Structure

    teal-flag-2494
    ├── README.md
    ├── node_modules
    ├── package-lock.json
    ├── package.json
    ├── .gitignore
    ├── db.json
    ├── public
    │   ├── favicon.ico
    │   ├── index.html
    │   └── manifest.json
    └── src
        └── Components
        │   ├── Directions.jsx
        │   ├── Footer.jsx
        │   ├── IntroSection.jsx
        │   ├── MiddleSection.jsx
        │   └── Navbar.jsx
        ├── Context
        │   └── AuthContextProvider.jsx
        ├── images
        │   ├── illustaration1.png
        │   ├── student1.jpg
        │   ├── student2.jpg
        │   ├── student3.jpg
        │   └── teal-flag-2494-logo.png
        ├── Pages
        │   ├── Design.jsx
        │   ├── Home.jsx
        │   ├── ITTraining.jsx
        │   ├── Login.jsx
        │   ├── MyLearning.jsx
        │   ├── Programming.jsx
        │   ├── Registration.jsx
        │   └── SingleProgramPage.jsx
        ├── Routes
        │   ├── AllRoutes.jsx
        │   └── PrivateRoute.jsx
        ├── App.css
        ├── App.js
        ├── App.test.js
        ├── index.css
        └── index.js

Screenshots

---

---

---

---

Acknowledgements

• Chakra UI Documentation
• React Documentation
• JSON Server Documentation
• Axios Documentation