Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tinspham209/ultra-website
Ultra Website
https://github.com/tinspham209/ultra-website
react react-icons react-router-dom styled-components
Last synced: about 8 hours ago
JSON representation
Ultra Website
- Host: GitHub
- URL: https://github.com/tinspham209/ultra-website
- Owner: tinspham209
- Created: 2020-09-06T02:32:36.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T14:58:04.000Z (11 months ago)
- Last Synced: 2023-12-15T15:59:11.251Z (11 months ago)
- Topics: react, react-icons, react-router-dom, styled-components
- Language: JavaScript
- Homepage:
- Size: 815 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](http://ultra-products.surge.sh/)**
### 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
```