No description
- TypeScript 99.6%
- CSS 0.2%
- JavaScript 0.2%
|
|
||
|---|---|---|
| notes | ||
| public/images | ||
| src/app | ||
| .gitignore | ||
| community_service_project_detail.txt | ||
| eslint.config.mjs | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.mjs | ||
| project_description | ||
| project_info.txt | ||
| README.md | ||
| tsconfig.json | ||
CareerPath Navigator
Empowering Students through Career Exploration
CareerPath Navigator is a web application designed to help students, particularly those in rural areas, explore various career paths and understand the educational requirements necessary to pursue them. This project aims to empower students by offering them the tools and information needed to make informed decisions about their future.
Features
- Comprehensive Career Exploration: Categorized careers with detailed information on educational requirements, skill requirements, career insights, and more
- Educational Pathway Visualization: Visual representations of the educational journey required for different careers
- Interactive User Interface: User-friendly design that is both informative and engaging
- Responsive Design: Accessible on various devices, from desktop computers to smartphones
Getting Started
Prerequisites
- Node.js 16.8 or later
- npm or yarn
Installation
-
Clone the repository:
git clone https://github.com/nithinramkalava/CareerPath-Navigator.git cd CareerPath-Navigator -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn dev -
Open http://localhost:3000 with your browser to see the result.
Project Structure
/src/app: Next.js application source code/src/app/components: Reusable React components/src/app/data: Data files for careers and educational pathways/src/app/careers: Career exploration pages/src/app/education: Educational pathway pages/src/app/about: About page
Technologies Used
- Next.js - React framework for building the application
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Animation library for React