https://github.com/losefor/7days7websites-challenge

this is a challenge to make 7 websites in a 7 days to get more knowledge about UX and UI design
https://github.com/losefor/7days7websites-challenge

Last synced: 4 months ago
JSON representation

this is a challenge to make 7 websites in a 7 days to get more knowledge about UX and UI design

• Host: GitHub
• URL: https://github.com/losefor/7days7websites-challenge
• Owner: losefor
• Created: 2020-07-29T04:42:31.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-08-04T07:22:19.000Z (almost 5 years ago)
• Last Synced: 2025-01-13T15:49:20.513Z (5 months ago)
• Language: CSS
• Size: 1.95 MB
• Stars: 4
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# first day - Photo and cameras app

**it's a websit about photographers where you can search for cameras , articles , or even stock photos**

### Laptop Screenshot

- futuristic design with cover photo and overlays

- resbonsive vector images with flex

- alert component - to notify the custome with big changes and notifications

  ![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-1/files/laptop.png?raw=true)

### Phone Screenshot

- this site is resbonsive for the phones with all screen sizes

- menue component

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-1/files/phone.png?raw=true)

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-1/files/phone2.png?raw=true)

[preview the website](https://losefor.github.io/7days7websites-challenge/day-1/index.html)

# second day - Signup form

**it's a futuristic sign in form with modern and resbonsive design**

- futuristic desgin

- with fancy animation

- avialable oauth2 buttons

- with modern UX/UI design

### Laptop Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-2/files/laptop.png?raw=true)

### Phone Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-2/files/phone.png?raw=true)

[preview the website](https://losefor.github.io/7days7websites-challenge/day-2/index.html)

# third day - Random color pallete generator

**futuristic design of a random color pallete generator**

- animation

- random generator

- able to copy the color

### Laptop Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-3/files/laptop.png?raw=true)

### Phone Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-3/files/phone.png?raw=true)

[preview the website](https://losefor.github.io/7days7websites-challenge/day-3/index.html)

# fourth day - Roll The Dice

**Basic design for a random Dice rolling**

- Random generator

- Fancy animation

### Laptop Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-4/files/laptop.png?raw=true)

### Phone Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-4/files/phone.png?raw=true)

[preview the website](https://losefor.github.io/7days7websites-challenge/day-4/index.html)

# fifth day - whiteborad drawing site

**use this site to teach student online or simply just to draw with it**

- Multible colors

- Erace

- ability to clear all the board

- Fancy animation

### Laptop Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-5/files/laptop.png?raw=true)

### Phone Screenshot

**sorry but this site note available for phones. only for laptops**

[preview the website](https://losefor.github.io/7days7websites-challenge/day-5/index.html)

 

 # sixth day - Learning Roadmap

**this is a roadmap design that inspired from [roadmap.sh](https://roadmap.sh)**

- jquery toogle

- multible branches

- Fancy animation

- available on difference screen sizes

### Laptop Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-6/files/laptop.png?raw=true)

### Phone Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-6/files/phone.png?raw=true)

[preview the website](https://losefor.github.io/7days7websites-challenge/day-6/index.html)

 

 # seventh day - paper design

**this is a website that is simulate papers stacking on each others**

- advancd CSS **slectors**

- advanced CSS **styling**

- advanced CSS **positioning**

- advanced CSS **Flex box** 

### Laptop Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-7/files/laptop.png?raw=true)

### Phone Screenshot

![alt text](https://github.com/losefor/7days7websites-challenge/blob/master/day-7/files/phone.png?raw=true)

[preview the website](https://losefor.github.io/7days7websites-challenge/day-7/index.html)