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

https://github.com/ruandevjs/modern-design

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/modern-design

nextjs reactjs stitches stripe

Last synced: 7 months 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

          

Modern Design 🛋️


https://github.com/RuanDevJs/modern-design/assets/82915279/0bc326ae-f961-472f-97af-0ff1d59ce0d3

Technologies Stacks

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&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)
![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 Stitches, 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 Stitches

Run Locally

Clone the project

```bash
git clone https://github.com/RuanDevJs/modern-design
```

Go to the project directory

```bash
cd modern-design
```

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)