Skip to content

rogerioduenas/relax_architecture

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏛️ Relax Architecture

This is a fictitious frontend project developed for an architecture company, aimed at showcasing my skills in creating modern and responsive interfaces. The project was built using ReactJS, NextJS, and Material UI to provide an elegant and intuitive visual experience.

📸 Preview

Screenshot 2024-11-15 at 13 36 02

🚀 Technologies Used

  • ReactJS - JavaScript library for building user interfaces.
  • NextJS - React framework for server-side rendering and performance
  • Material UI - Ready-to-use UI component library for React, focused on design and accessibility.

📂 Project Structure

The basic structure of the project follows the recommended pattern for NextJS applications, with the separation of pages, components, and styles.

🎨 Features

  • Home Page: The landing page featuring a visual presentation of the fictitious company.
  • About Us: Information about the company and its vision in the architecture market.
  • Projects: Gallery of main projects with images and descriptions.
  • Contact: Contact form to simulate sending messages.

🛠️ How to Run the Project

To run the project locally, you will need to have Node.js installed. Follow the steps below:

  1. Clone the repository:
    git clone https://github.com/rogerioduenas/relax_architecture.git
    
  2. Navigate to the project directory:
    cd relax_architecture
    
  3. Install the dependencies:
    npm install
    
  4. Start the development server:
    npm run dev

The project will be available at http://localhost:3000.

🎯 Project Objective

This project was developed solely for demonstration purposes, being a fictitious website for an architecture company. The focus was to create a visually appealing and responsive interface, highlighting best practices with ReactJS, NextJS and Material UI.

📞 Contact

If you have any questions about this project or want to talk about web development, feel free to contact me via LinkedIn or GitHub: