React-Beginner Tailwind Templates

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.

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
    git clone <repository-url>
    
  2. Navigate to the project directory
    cd React-Beginner
    
  3. Install dependencies
    npm install
    # or
    yarn install
    
  4. Start the development server
    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:
  2. Import and use it in the appropriate parent component
  3. Follow the existing code style and conventions

Technical Stack

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.


Top categories

Loading Svelte Themes