Planets-fact-site

Table of Contents

• Prerequisites
• Tech Stack
• Screenshot
• Getting Started
• Project Structure
• Deployment
• Author

Prerequisites

• npm @8 and up
• _typescript es6
• _vite @4.0.0

Tech Stack

• ReactJS @18.1.0 - frontend framework
• _Styled-components @5.3.9 - visual primitives for the component age

Interaction

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• View each planet page and toggle between "Overview", "Internal Structure", and "Surface Geology"

Screenshot

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

Getting Started

1. First of all you need to clone app repository from github:

git clone https://https://github.com/DavitDvalashvili/Planets-fact-site.git

2. Next step requires install all the dependencies.

npm install

3. To see project in action

npm run dev

Project Structure

|--- src | |--- components # reusable components | |--- styled-components # all components' styles | |---|--- GlobalStyle | |--- App.jsx # main page

• data.json # needful data for project
• package.json # dependency manager configurations
• vite.config.js # fast build tool

#

### Deployment

Before every deployment you need to create build file.

npm run build

after this you can use this file to deploy project on server.

Author

• Github profile - Add your name here
• Linkedin profile - Add your name here
• Email - @your_username