An open API service indexing awesome lists of open source software.

https://github.com/shikhu51197/edtechweblearn

Live Production Based SkillTank Official Website
https://github.com/shikhu51197/edtechweblearn

chakraui expressjs html-css-javascript mongodb nodejs reactjs redux

Last synced: 7 months ago
JSON representation

Live Production Based SkillTank Official Website

Awesome Lists containing this project

README

          

> 💻 PROJECT NAME ✨ => 💻 Edtechweb

[![Backend Deploy to Vercel](https://img.shields.io/badge/Backend_Deployed_Vercel_Link-0A66C2?style=for-the-badge&logo=ko-fi&logoColor=white)](
)
[![Deployed App Vercel Link](https://img.shields.io/badge/Deployed_App_Vercel_Link-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://skilltank-website.vercel.app/)

## 💫Tech-Stack->

- #### For Frontend:-
- `HTML5`
- `CSS3`
 - `JavaScript `
- `ReactJS`
- `ReactJS`
- #### For Backend:-
- `NodeJS`
- `ExpressJS`
- `MongoDB `
- #### For deploy database:-

- `Vercel`
 
- #### For Styling:-
 - `Chakra UI `

- #### For live Project: -
 - `Vercel`

## â­•Steps to run our project:

✨Clone the repository.

✨Run the command `npm install` in both the frontend and backend folders.

✨Run the command `npm run server` in the backend folder.

✨Run the command `npm start` in the frontend folder run on localhost:3000.

---
## Features ✨:-
---
| Serial No | Feature |
| ----------------- | ------------------------------------------------------------ |
| 1 | User signup login, and logout |
| 2 | Home Page designing |
| 3 | navbar, footer |

---
# Package.json(Dependency)✨:-

| Serial No | Backend | Frontend |
| ----------------- | ---------------------|------------------------ |
| 1 | bcrypt | Chakra-ui |
| 2 | mongoose | React Router dom |
| 3 | cors | redux, react-icons |
| 4 | dotenv | react redux, axios |
| 5 | express | chakraUi-icons |
| 6 | jsonwebtoken | redux thunk |

---

## Flow

```mermaid
graph TD;
App-->HomePage
HomePage-->SignUpPage;
HomePage-->LoginPage;
SignUpPage-->StudentSingupPage;
SignUpPage-->ProfessionalSingupPage;
SignUpPage-->EmployerSingupPage;
SignUpPage-->MentorSingupPage;
StudentSingupPage-->StudentloginPage;
ProfessionalSingupPage-->ProfessionalloginPage;
EmployerSingupPage-->EmployerloginPage;
MentorSingupPage-->MentorloginPage;
LoginPage--> Learnpage
LoginPage--> Mentorpage
LoginPage--> Competepage
LoginPage--> Jobspage
```

---

✨Thank You✨