CodeLeap Network

CodeLeap Network is a social network built with React.js and TypeScript, that allows users to share, edit and delete their posts. The frontend consumes data from the API provided by CodeLeap, and the project's design was based on a Figma file.

Features

Post creation, delete and editing Post feed with pagination

Technologies Used

  • React.js
  • TypeScript
  • Axios
  • React Context
  • React Hooks
  • Styled-Components
  • Jest
  • React-Modal

Design

The design of the CodeLeap Network project was based on a Figma file provided by CodeLeap. We aimed to keep the design consistent and simple, while also paying attention to details and usability. The project is also fully responsive on mobile devices.

Getting Started

To run the project locally, follow these steps:

  • Clone the repository.
  • Install the dependencies with yarn.
  • Run yarn start to start the development server.
  • Access the app on http://localhost:3000.

Images Desktop

Captura de tela de 2023-04-28 19-14-14

Captura de tela de 2023-04-28 19-14-29

Captura de tela de 2023-04-28 19-14-34

Captura de tela de 2023-04-28 19-14-41

Captura de tela de 2023-04-28 19-14-50

Images Mobile

mobile1

mobile2

mobile3

mobile4

mobile5

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Author

This project was developed by Thalita César.