Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 2 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 (8 months ago)
- Default Branch: main
- Last Pushed: 2024-02-26T17:42:05.000Z (7 months ago)
- Last Synced: 2024-09-25T18:44:04.866Z (2 days 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).