ECHOES Frontend

Table of content

• ECHOES Frontend
  • About project
  • Layout
    • 📖 For writers
    • 👀 For readers
    • 🔐 Authentication and community
    • ⚡ Extras
  • How to run the project
  • License

About project

You can see a version of this readme in Portuguese here.

Echoes is an article publishing platform inspired by Medium, offering an intuitive and dynamic environment for writers to share their ideas and readers to explore quality content. With a minimalist design and advanced features, Echoes allows you to create, edit and format texts fluidly, in addition to providing interactions through likes. The platform also includes an intelligent recommendation system, connecting users to relevant content based on their interests. Developed with modern technologies, Echoes seeks to democratize writing and promote the dissemination of knowledge.

You can see a demo here.

Layout

The project was developed based on the layout created in Figma and can be accessed through here.

Echoes offers a suite of features designed to create a fluid and engaging experience for writers and readers. Here are some of the main features:

Features

📖 For writers

• Advanced text editor – Allows you to format texts and add images.
• Publication – Publish and edit articles already published.

👀 For readers

• Likes – Interact with the authors.
• Bookmarking system – Save articles to read later.

🔐 Authentication and community

• Registration and login – Access via email/password or social networks.
• User profiles – Customize photo.

⚡ Extras

• Responsive Design - The website is fully responsive, ensuring a good browsing experience on mobile devices, tablets and desktops.

Stack

• Figma
• React
• Styled Component
• Javascript
• NodeJS
• Express
• MongoDB
• Git
• Github
• Vercel
• Google Services
• Cloudinary

How to run the project

This project is divided into two repositories Backend and Frontend, start here

To run this project you can download or fork it to your github account and run the git clone command.

git clone https://github.com/<user>/Echoes-frontend.git

After accessing the ./Echoes-frontend directory and installing the project dependencies, the dependencies can be found through the package.json file, once installed the project can be run in development mode.

cd Echoes-frontend

npm install

npm start

Access URL: http://localhost:3000

License

This project is under the MIT license. See the file LICENSE for more details.