Skip to content

Latest commit

 

History

History
66 lines (46 loc) · 2.5 KB

README.md

File metadata and controls

66 lines (46 loc) · 2.5 KB

Atlas Associates Frontend Website - README

Welcome to the repository for Atlas Associates, a small architecture firm's frontend website built using React. This website showcases the portfolio, services, and team behind Atlas Associates. It also provides visitors with contact information, recent projects, and insights into the firm’s design philosophy.

Table of Contents

Introduction

Atlas Associates is a modern architecture firm located in Bellevue WA, specializing in sustainable and innovative building designs. This React-based front-end website provides an engaging user experience to showcase our expertise, services, and project portfolio.

Features

  • Homepage: A landing page with an introduction to the firm and recent featured projects.
  • About Page: Detailed information about the firm, its mission, and its team.
  • Residential Projects Page: A portfolio of completed architectural projects with descriptions and high-quality images, includes renovations, additions, and new homes.
  • Commerical Projects Page: A portfolio of completed commercial architectural projects with descriptions and images, includes townhomes and offices.
  • Contact Page: A contact form that allows clients to reach out with inquiries or project proposals.
  • Responsive Design: Optimized for mobile, tablet, and desktop devices.
  • Interactive Elements: Smooth scrolling, animations, and dynamic loading of project data.

Tech Stack

  • React (JavaScript framework)

  • HTML5 & CSS3

  • React Router for routing

  • CSS Modules for component styling

  • Netlify for deployment

File Structure

The project is organized as follows:

  Atlas-Associates
  ├─atlas-associates/
    ├── public/
    │   └── projects/         # project images
    ├── src/
    │   ├── components/         # Reusable UI components (Navbar, Footer, etc.)
    │   ├── pages/              # Pages (Home, About, Projects, Contact)
    │   ├── data/               # Project data
    │   ├── styles/             # Global styles, theme settings
    │   ├── index.jsx            # Entry point of the app
    │   └── routes/             # React Router routes
    ├── package.json            # Project dependencies and scripts
    └── README.md               # Project README file