tinspham209 / ultra-website

Ultra Website

Mini Project: Ultra Website

Date: 6 - Sep - 2020

Functions

• Build Website Using Styled Components with Fully Responsive

Screenshot

Tech-Stack

• React Hooks
• styled components
• react-router-dom
• react-icons

Deploy

Live Site

Plan Of Action

1. Initial Project
2. setup react, install tool
3. creating Components & Pages Folder
4. Initial Navbar
5. Creating GlobalStyles
6. Adding Router
7. Creating Navbar
8. Creating Info Section
9. Creating Homepage
10. Creating Spinner & NotFound
11. Creating Footer
12. Creating Pricing
13. Creating route of pages
14. Adding Scroll to Top Effect
15. Write Paper README.md

Directory Structure

[filename].elements.js : styled for component

.
├── .gitignore
├── package.json
├── README.md
├── public
└── src
    ├── components
        ├── Footer
        ├── InfoSection
        ├── Navbar
        ├── Pricing
        ├── UI
            ├── NotFound
            ├── Spinner
            └── index.js
        ├── ScrollToTop.jsx
        └── index.jsx
    ├── pages
            ├── HomePage
            ├── Products
            ├── Services
            └── SignUp
    ├── App.js
    ├── globalStyles.js
    └── index.js

Set up

Use the cmd line to clone repo to your computer

git clone [github_repo_url]

Use the cmd line to install dependencies.

npm install

Run in cmd for start the dependencies server

npm start