Responsive Landing Page with ReactJs & Scss
#react#scss#webapp#beginners
Sudhanshu Ambastha

Sudhanshu Ambastha @sudhanshuambastha

About: I'm a first-year BCA student with a passion for coding. I'm constantly exploring new programming languages to expand my knowledge & skills. Check out my GitHub: "https://github.com/Sudhanshu-Ambastha"

Joined:
Dec 17, 2023

Responsive Landing Page with ReactJs & Scss

Publish Date: Jun 12 '24
8 5

Responsive Landing Page with Reactjs & Scss

This project is a responsive landing page built using React.js. It is based on a design available on Free CSS. 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.

Deployed Website

Check out the deployed version of the landing page here: Aria Website

Certificate

Certificate

Technologies Used

My Skills

  • React.js: A JavaScript library for building user interfaces.
  • SCSS: A CSS preprocessor that adds features like variables, mixins, 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

GitHub repo link:-Responsive Landingpage ReactJs Scss

This repository has received 4 stars, 14 clones, and 429 views, While many have cloned my projects, only a few have shown interest by granting them a star. Plagiarism is bad, and even if you are copying it, just consider giving it a star. Feel free to share your feedback or questions in the comments section.

Comments 5 total

  • lewisblakeney
    lewisblakeneyJun 13, 2024

    This is a fantastic breakdown of building a responsive landing page with ReactJS and SCSS! The clear explanation and code examples make it a valuable resource for both beginners and experienced developers. A well-crafted landing page is crucial for any website, and this guide provides the perfect foundation for ReactJS development services to create impactful first impressions.

  • Antonio | CEO at Litlyx.com
    Antonio | CEO at Litlyx.comJun 13, 2024

    Great content!

  • sayad-mallllek
    sayad-mallllekJun 13, 2024

    I would suggest to deploy your project online on free hosting tools such as Vercel, Netlify, etc... (Fremium anyways). It would be much easier to see it as a demo and it would attract much more reach

    • Sudhanshu Ambastha
      Sudhanshu AmbasthaJun 13, 2024

      Actually, it's incomplete, as you can read in the note section, as my "project section" is not done yet. I am facing a problem with it, which is why I haven't deployed it yet. Thank you for your feedback. Also, because I haven't deployed it, I usually add a preview in GIF format, which you can see in the readme of this project on GitHub. To show how many people like this, I add the number of views and clones, as people don't often star it; most of the time, they just clone it for preview or personal use.

    • Sudhanshu Ambastha
      Sudhanshu AmbasthaNov 16, 2024

      Deployed website=>Aria Website

Add comment