https://github.com/itz-snj/react-beginner
We're building a sleek, themed web application that combines the power of React with the utility-first approach of Tailwind CSS. Our project emphasizes clean code, component-based architecture, and collaborative development.
https://github.com/itz-snj/react-beginner
apertre25 begineer begineersfriendly front-end front-end-development react reactjs tailwindcss
Last synced: 2 months ago
JSON representation
We're building a sleek, themed web application that combines the power of React with the utility-first approach of Tailwind CSS. Our project emphasizes clean code, component-based architecture, and collaborative development.
- Host: GitHub
- URL: https://github.com/itz-snj/react-beginner
- Owner: Itz-snj
- Created: 2025-02-27T12:26:35.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-18T16:23:39.000Z (3 months ago)
- Last Synced: 2025-03-18T17:33:36.835Z (3 months ago)
- Topics: apertre25, begineer, begineersfriendly, front-end, front-end-development, react, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 324 KB
- Stars: 3
- Watchers: 1
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hey, Welcome to Apertre 2.0! 👋
Please make sure to go through the README.md file carefully before starting the project. It contains important information about the project, its structure, and how to run it locally.
# Figma, file link
The Link to the design file [Figma Link]: " https://www.figma.com/design/XzYvVRNI4v50tsxvvS041v/Untitled?node-id=0-1&t=CXTiGt5yDzSL2nDA-1 "
Assets : "https://drive.google.com/drive/folders/1GMIlq-WSqPA2JqUaE657_fd_Zyakr5ea?usp=sharing"
This is a repository where you can learn and work on a frontend project built with React. We're excited to have you here!
## Tech Stack
1. REACT JS
2. Tailwind CSS
### Prerequisites
- Node.js (v14 or higher)
- npm or yarn
### Running the Project Locally
1. Fork and Clone the repository
```bash
git clone
```
2. Navigate to the project directory
```bash
cd React-Beginner
```
3. Install dependencies
```bash
npm install
# or
yarn install
```
4. Start the development server
```bash
npm run dev
# or
yarn dev
```
The application will be available at `http://localhost:5173`
# Note
Make sure to keep your local branch up-to-date with the main repository, before commits.
## After doing the changes:
1. Check for the changes in main branch.
2. Add the main repo to your upstream remote.
```git remote add upstream https://github.com/original-owner/repo-name.git```
3. Fetch the latest changes from the upstream remote.
```git fetch upstream```
4. Compare your branch and push the changes to your fork.
5. Send a PR to the main branch.
## Project Structure
1. Make sure to add all the frontend code in the `src` folder.
### Components
All reusable components should be added to the `src/components` folder. If you want to add a new section to the web app, please:
1. Import and use it in the appropriate parent component
2. Follow the existing code style and conventions
## Technical Stack
- React + Vite
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) - Uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) - Uses [SWC](https://swc.rs/) for Fast Refresh
# Note
Make sure to keep your local branch up-to-date with the main repository, before commits.
## Need Help?
If you have any questions or need assistance, please feel free to open an issue or reach out to the maintainers.
```