https://github.com/xlaez/easy-link-react

https://github.com/xlaez/easy-link-react

Last synced: about 8 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/xlaez/easy-link-react
• Owner: Xlaez
• Created: 2022-09-16T09:43:08.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-16T12:30:23.000Z (about 2 years ago)
• Last Synced: 2024-11-19T18:13:08.635Z (about 8 hours ago)
• Language: HTML
• Size: 233 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This project is the react frontend for the connect app.

### Connect

- Makes use of react 18

- Makes use of redux

- Makes use of styled-components

Note: As you add new tools make sure to add it to this readme.

### Steps

- Design of login/ registration pages

- Design of user feed

- Design of messenger and conferencing app

- Api Integration

### Color Scheme

- #000000 -- secondary color

- #0a66c1 -- primary colorstyle

- #fff -- tertiary/neutral color

- #040412 -- xtra color

### Code choices

- use of rem over px's except in styling of buttons and minor elements like buttons

- use of flex over grid when the proportionality of to-be-grid elements is not neccessary

- use grid to enforce elements stay in place

- avoid floats

- use vh/vw in setting width's and heights of a page for resposiveness

- for each component created, mobile and tablet view should be immediately implemented before designing another component

- use of cookies over localStorage

### Design

- Login Page

* user log's in with email and password as primary option

* a button that says signin with linkedIn . Note: only linkedIn not google and facebook