SkillThrills

Skill Thrills is an educational learning website built with Next.js and TypeScript, designed to offer immersive and interactive learning experiences.

Table of Contents

• About the Project
• Features
• Installation
• Usage
• Folder Structure
• Technologies Used
• Contributing
• License

About the Project

Skill Thrills aims to create an educational platform that provides engaging and interactive learning content. While the project is still under development, the future goal is to offer diverse educational experiences in various subjects. The platform is built using modern web technologies such as Next.js and TypeScript to ensure scalability and performance.

Note: All the content, data, and images are for development purposes and are subject to change. The current assets are dummy content, and no ownership is claimed over any images used.

Features

• Built with Next.js for server-side rendering and optimized performance.
• Developed in TypeScript for static type checking and improved code quality.
• Scalable folder structure for managing components and pages(using app/ router).
• Supports interactive educational modules (in development).
• Placeholder content for now, but ready for integration with real data.

Installation

To get started, clone the repository and install the dependencies:

git clone https://github.com/your-username/skill-thrills.git
cd skill-thrills

Then install the required packages:

Using npm:

npm install

Using Yarn:

yarn install

Using pnpm:

pnpm install

Usage

To run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the pages by modifying the files in the app/ directory. The application will auto-update as you edit the files.

Folder Structure

.
├── app/components    # Reusable React components
├── app         # Next.js pages
├── public        # Static assets
├── app/global.css        # Global and component-level styles
├── app/courses         # Course pages
├── tsconfig.json # TypeScript configuration
└── next.config.js # Next.js configuration

Technologies Used

• Next.js: React framework for building fast web applications.
• TypeScript: Superset of JavaScript that adds static types.
• React: JavaScript library for building user interfaces.
• Heroicons: Used for Icons
• CSS: For global styles
• Tailwindcss: for styling the application
• Vercel: Hosting platform for serverless deployment.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch with your feature or fix (git checkout -b feature/YourFeature).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/YourFeature).
5. Open a pull request and describe your changes.

License

This project is licensed under the MIT License. See the LICENSE file for more details.