Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rockstar-narmu/codsoft
This repository contains the tasks and projects completed during my UI/UX internship from 20 May 2024 to 20 June 2024 at Codsoft. It includes a Mobile Signup Flow, a Restaurant Menu, and an E-Commerce website. Each project is designed to demonstrate my skills in user interface and user experience design.
https://github.com/rockstar-narmu/codsoft
design figma frontend
Last synced: about 1 month ago
JSON representation
This repository contains the tasks and projects completed during my UI/UX internship from 20 May 2024 to 20 June 2024 at Codsoft. It includes a Mobile Signup Flow, a Restaurant Menu, and an E-Commerce website. Each project is designed to demonstrate my skills in user interface and user experience design.
- Host: GitHub
- URL: https://github.com/rockstar-narmu/codsoft
- Owner: rockstar-narmu
- License: mit
- Created: 2024-06-03T16:15:24.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-06-07T15:18:50.000Z (8 months ago)
- Last Synced: 2024-11-14T19:41:56.513Z (3 months ago)
- Topics: design, figma, frontend
- Homepage:
- Size: 5.95 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CODSOFT [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
This repository contains the tasks and projects completed during my UI/UX internship from 20 May 2024 to 20 June 2024 at Codsoft. It includes a Mobile Signup Flow, a Restaurant Menu, and an E-Commerce website. Each project is designed to demonstrate my skills in user interface and user experience design.# TASK 1 - MOBILE APP SIGNUP FLOW
## Task Description
This task involves creating a mobile sign-up flow designed to provide a smooth and intuitive user experience for new users signing up and logging in for a service or application. The flow includes screens for splash screen, user information input, validation, and confirmation.## Demo
For a Video Demo [CLICK HERE!](https://drive.google.com/file/d/1ix4WdlzB-4ILAEFTP-4WV9f7oQLdcNdK/view?usp=sharing)## Prototype Links
- **Figma Prototype:** https://www.figma.com/design/nhI7BceQLCU8hhlGdgHjvL/Mobile-App-Sign-Up-Flow?t=XFrT28Q0VC5Venjc-1
- **Figma File:** https://drive.google.com/file/d/1vZ40vWyIQO46aiQ1knQK2fA9xJ1YVPhX/view?usp=sharing## Key Features
1. **Splash Screen**: Welcoming and Loading Page
2. **Login and Signup Pages**: Screens for entering user details such as name, email, phone number, and password.
3. **Confirmation**: A final screen confirming successful sign-up and providing further instructions.## Preview:
- **Main Screen**:
![Screenshot 2024-06-03 220233](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/10211bdb-9246-4cc2-88fe-a7be998dff17)- **User Information Input**: Screens for entering user details such as name, email, and password.
![Screenshot 2024-06-03 220321](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/e0b461ea-b3bb-4c7f-9403-553e26ac9d80)- **Confirmation**: A final screen confirming successful sign-up
![Screenshot 2024-06-03 220351](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/10a8422c-82ce-43a3-8979-db1c72860d6a)# TASK 2 - RESTAURANT MENU
## Task Description
This project involves designing a restaurant menu that is both visually appealing and easy to use. The goal of a good restaurant menu is to make it easy for customers to find the dishes they want, and to encourage them to order more.
## Demo
For a Video Demo [CLICK HERE!](https://drive.google.com/file/d/1yQlJBm_UfzM8dy5cKoOykrf92nwZXPD0/view?usp=sharing)
## Prototype Links
- **Figma Prototype:** https://www.figma.com/design/qrdsYCUfiNJ1PPtgJ69iI7/Restaurant-Menu?t=XFrT28Q0VC5Venjc-1
- **Figma File:** https://drive.google.com/file/d/1xXOzq3inYRcGOFigDgYfzc4c4xDUsCr1/view?usp=sharing## Key Features
1. **Visually Appealing**: The menu is designed to be visually appealing and easy to read. The use of colors, fonts, and images is carefully considered to create a visually appealing menu that enhances the dining experience.
2. **Easy to Use**: The menu is easy to use and navigate. Customers can easily find the necessary information and make their selections without any confusion. The layout is intuitive, ensuring a seamless user experience.
3. **Categorized**: The menu is categorized to help customers easily find the dishes they are looking for. The categories are clear and concise, and they are consistent throughout the menu. This makes it easier for customers to browse through the menu and make their choices.# Preview:
- **Splash Screen:** ![Splash Screen](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/8b92fca9-aa17-420d-8bf0-f138a2682eee)
- **Main Screen:** ![Main Screen](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/b48145da-7653-46fe-b37c-76cdbff77d56)
- **Categories:** ![Categories](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/cd435aad-539f-4a72-b4d8-ac858a575cd3)# TASK 3 - E-COMMERCE WEBSITE
## Project Description
This project involves designing an e-commerce website that is both visually appealing and easy to use. The goal of a good e-commerce website is to make it easy for customers to find the products they want, and to encourage them to buy them.
## Demo
For a Video Demo [CLICK HERE!](https://drive.google.com/file/d/1yckRQT1YZ2gR42wCQsPr2nEdIUcAcvbD/view?usp=sharing)
## Prototype Links
- **Figma Prototype:** https://www.figma.com/design/ZO4PeawPwfGXrireiDAh5S/Untitled?node-id=0-1&t=XFrT28Q0VC5Venjc-1
- **Figma File:** https://drive.google.com/file/d/1abct34graC4S5fsVkvKtMpKfNbmC3Q4u/view?usp=sharing## Key Features
1. **Visually Appealing**: The website is designed to be visually appealing and easy to read. The use of colors, fonts, and images is carefully considered to create a visually appealing website that enhances the shopping experience.
2. **Easy to Use**: The website is easy to use and navigate. Customers can easily find the necessary information and make their purchases without any confusion. The layout is intuitive, ensuring a seamless user experience.
3. **Categorized**: The products on the website are categorized to help customers easily find the products they are looking for. The categories are clear and concise, and they are consistent throughout the website. This makes it easier for customers to browse through the website and find what they need.
4. **Searchable**: The website is searchable so that customers can easily find the products they are looking for. The search function is easy to use and returns relevant results, helping customers quickly locate specific items.# Preview
- **Home Page:** ![Home Page](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/3485f12a-34e1-4bc4-b1f8-fa3c13dbac54)
- **Best Selling:** ![Best Selling](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/7f8fe064-2fb9-41c2-b0b9-06b20bee7567)
- **Exclusive Offer:** ![Exclusive Offer](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/061e24db-0597-49f7-a0bf-4349840da818)
- **Feedback and Footer:** ![Feedback and Footer](https://github.com/rockstar-narmu/CODSOFT/assets/143437598/2fecdf2c-1eba-4be3-a91f-a8929bb95bfc)