https://github.com/sudhanshu-ambastha/responsive-landingpage-reactjs-scss

Responsive Landing Page built with React.js, featuring sections for About, Links, Tools, and Partners, based on a design from Free CSS. Easily customizable for personal or commercial projects.
https://github.com/sudhanshu-ambastha/responsive-landingpage-reactjs-scss

free-css-aria-template reactjs scsss webapp

Last synced: about 1 month ago
JSON representation

Responsive Landing Page built with React.js, featuring sections for About, Links, Tools, and Partners, based on a design from Free CSS. Easily customizable for personal or commercial projects.

• Host: GitHub
• URL: https://github.com/sudhanshu-ambastha/responsive-landingpage-reactjs-scss
• Owner: Sudhanshu-Ambastha
• Created: 2024-05-09T11:59:58.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-11-14T11:11:48.000Z (about 2 months ago)
• Last Synced: 2024-11-14T12:20:39.533Z (about 2 months ago)
• Topics: free-css-aria-template, reactjs, scsss, webapp
• Language: SCSS
• Homepage:
• Size: 61.5 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Responsive Landing Page with React.js & Sass

This project is a responsive landing page built using React.js. It is based on a design available on [Free CSS](https://www.free-css.com/assets/files/free-css-templates/preview/page259/aria/). The landing page features a header, main content section, and a footer. The main content section includes various sections such as About, Links, Tools, and Partners.

## Preview



## Certificate

![Landing Page Preview](landingpage/src/assets/certificate.jpg)

## Installation

To run this project locally, follow these steps:

1. Clone the repository to your local machine:

   ```bash

   git clone https://github.com/Sudhanshu-Ambastha/Responsive-Landingpage-Reactjs-Scss.git

   ```

2. Navigate to the project directory:

   ```

   cd landingpage

   ```

3. Install dependencies:

   ```

   npm install && npm install sass

   ```

   ```

   npm install react-router-dom && npm install @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons 

   ```

   ```

   npm install lucide-react && npm install react-icons

   ```

4. Start the development server:

   ```

   npm start

   ```

## Technologies Used

- `React.js`: A JavaScript library for building user interfaces.

- `SCSS`: A CSS pre-processor that adds features like variables, mix-ins, and nesting to CSS.

- `npm`: A package manager for Node.js packages.

## Usage

Feel free to modify and customize this landing page according to your needs. You can update the content, styles, or add new sections as required.

## Credits

Design Inspiration: [Free CSS - Aria Template](https://www.free-css.com/assets/files/free-css-templates/preview/page259/aria/)