https://github.com/pintu544/shopkart_studiographene

frontend-assignment (https://shopkarts.netlify.app/ )
https://github.com/pintu544/shopkart_studiographene

html-css-javascript reactjs

Last synced: 6 days ago
JSON representation

frontend-assignment (https://shopkarts.netlify.app/ )

• Host: GitHub
• URL: https://github.com/pintu544/shopkart_studiographene
• Owner: pintu544
• Created: 2023-09-17T16:05:22.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-17T16:32:40.000Z (over 1 year ago)
• Last Synced: 2024-04-13T23:09:58.290Z (8 months ago)
• Topics: html-css-javascript, reactjs
• Language: CSS
• Homepage: https://shopkartf.netlify.app/
• Size: 6.65 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  

  

  

  


Frontend Assignment

This project is a React-based frontend application for a fictional website. It includes navigation, a banner, product listings, and a contact form.

Hosted Urls:

Mobile/Tablet


Desktop


Navbar Menu

Table of Contents



Getting Started

Features

Tech Stack

Installation

Usage

Contributing

License



Getting Started

Clone this repository to your local machine.

bash


git clone https://github.com/pintu544/Shopkart_studiographene

Features



Dynamic navigation menu.

Banner with “Fresh 2022 look” text.

Fetch and display product listings from an API.

Contact form with validation.



Tech Stack



React JS

JavaScript

HTML

CSS (with optional styling libraries)



Installation



Install the project dependencies.



bash

npm install

Usage



Start the development server.



bash

npm start

Visit http://localhost:3000 in your web browser to view the application.

Contributing

Contributions are welcome! Please follow our [contributing guidelines]

License

This project is licensed under the studiographene

`Customize the README to include more details about your project, such as features, usage instructions, and how to contribute.

Submission

Assignment Steps

Step 1: Set Up Your React Project

Step 2: Create the Navigation Bar

Step 3: Create the Banner

Step 4: Fetch Product Data from API

Step 5: Create the Contact Us Form

Step 6: Styling and Design

Step 7: Documentation (README.md)