Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ruandevjs/coffee-delivery

This project is a modern web application built using React.js, TypeScript, and Styled Components. It serves as a platform for me to enhance my front-end development skills, particularly in React.js, TypeScript, and Styled Components, as well as in designing responsive, aesthetically pleasing UI components.
https://github.com/ruandevjs/coffee-delivery

context-api css ecommerce-website reactjs styled-components typescript

Last synced: 9 days ago
JSON representation

This project is a modern web application built using React.js, TypeScript, and Styled Components. It serves as a platform for me to enhance my front-end development skills, particularly in React.js, TypeScript, and Styled Components, as well as in designing responsive, aesthetically pleasing UI components.

Awesome Lists containing this project

README

        

Coffee Delivery ☕


https://github.com/RuanDevJs/coffee-delivery/assets/82915279/80b30afa-17bd-4bf3-bfae-04c337ef2e74

Technologies Stacks

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

Overview 🚀



This project is a modern web application built using React.js, TypeScript, and Styled Components. It serves as a platform for me to enhance my front-end development skills, particularly in React.js, TypeScript, and Styled Components, as well as in designing responsive, aesthetically pleasing UI components.

Purpose


The main goal of this project is to improve my proficiency in front-end technologies. By working on this project, I aim to deepen my understanding of:




  • Building and structuring applications with React.js.


  • Leveraging TypeScript for enhanced code reliability


  • Creating dynamic and stylish UIs using Styled Components

Run Locally

Clone the project

```bash
git clone https://github.com/RuanDevJs/coffee-delivery
```

Go to the project directory

```bash
cd coffee-delivery
```

Install dependencies

```bash
yarn or npm install
```

Start the server

```bash
yarn start or npm run start
```

More about me


My name is Ruan Vitor, and I'm a 20-year-old Front-End & Mobile Developer. Since childhood, I've been passionate about exploring how technology can change the world.


Since then, I have been studying TypeScript, React, and React Native, focusing on how they can be used in complex applications.



💌 Would you like to talk to me ? You can send me a message ⤵️

![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)
![Dev.to blog](https://img.shields.io/badge/dev.to-0A0A0A?style=for-the-badge&logo=dev.to&logoColor=white)
![Portfolio](https://img.shields.io/badge/Portfolio-%23000000.svg?style=for-the-badge&logo=firefox&logoColor=#FF7139)