https://github.com/dhruv-kapoor-1202/reactprojectsyt

This repo adapts freeCodeCamp's 'Build 25 React Projects' series to TypeScript, using Preact, a React-like library, for lightweight implementations.
https://github.com/dhruv-kapoor-1202/reactprojectsyt

preact react typescript

Last synced: 15 days ago
JSON representation

This repo adapts freeCodeCamp's 'Build 25 React Projects' series to TypeScript, using Preact, a React-like library, for lightweight implementations.

• Host: GitHub
• URL: https://github.com/dhruv-kapoor-1202/reactprojectsyt
• Owner: Dhruv-Kapoor-1202
• License: mit
• Created: 2024-02-09T18:07:43.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-26T17:42:05.000Z (9 months ago)
• Last Synced: 2024-10-16T11:25:42.777Z (about 1 month ago)
• Topics: preact, react, typescript
• Language: TypeScript
• Homepage:
• Size: 47.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Preact Projects - TypeScript Edition

This repository is a TypeScript adaptation of the "Build 25 React Projects –

Tutorial" series by [freeCodeCamp](https://www.youtube.com/@freecodecamp), available on [YouTube](https://www.youtube.com/watch?v=5ZdHfJVAY-s).

The original series aims to create 25 React-based projects to help viewers prepare for interviews and

enhance their knowledge of React. While the original videos use React, this

repository provides TypeScript implementations of the projects using Preact, a

lightweight alternative to React with a similar API.

## Introduction

In this repository, you will find TypeScript versions of the projects presented

in the freeCodeCamp YouTube series, built with Preact instead of React. Each

project is designed to demonstrate various Preact concepts and techniques,

providing a hands-on learning experience for developers interested in mastering

Preact with TypeScript.

## Project Structure

The repository is organized into separate directories for each project,

following the naming convention used in the original series. Each project

directory contains the necessary TypeScript files, along with any additional

resources required for the project.

## Getting Started

To get started with these projects, follow these steps:

1. Clone the repository to your local machine.

2. Install dependencies using `npm install` or `yarn install` or `pnpm install`.

3. Run the project using `npm run dev` or `yarn start` or `pnpm run dev`.

4. Open your web browser and navigate to http://localhost:5173.

## Project List

Here's a list of the projects available in this repository:

1. Project 1: [Accordian](src/components/accordian)

2. Project 2: [Random Color Generator](src/components/random-color)

3. Project 3: [Star Rating Component](src/components/star-rating)

4. Project 4: [Image Slider Component](src/components/image-slider)

5. Project 5: [Load More Products Component](src/components/load-more-data)

## Contributing

Contributions to this repository are welcome! If you find any issues or

improvements, feel free to open an issue or submit a pull request. 

## License

This project is licensed under the [MIT License](LICENSE).