OneFiveNine Collective Website

A minimalist yet bold indie-style full-stack website for OneFiveNine Collective creative agency.

Features

• Modern, minimalist design with bold color choices
• Responsive layout for all devices
• Project showcase with masonry-style grid
• Service listings with shopping cart functionality
• Contact form with email submission
• Team member profiles
• Clean and intuitive navigation

Tech Stack

• Frontend: ReactJS (JSX), HTML, CSS (no frameworks)
• Backend: NodeJS, ExpressJS
• Database: MongoDB

Project Structure

onefivenine-collective/
├── client/                 # React frontend
│   ├── public/            # Static files
│   └── src/
│       ├── components/    # Reusable components
│       ├── context/       # React context providers
│       ├── pages/         # Page components
│       └── styles/        # CSS files
└── server.js              # Express backend

Getting Started

Prerequisites

• Node.js (v14 or higher)
• MongoDB
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/onefivenine-collective.git
   cd onefivenine-collective

2. Install dependencies:

   # Install backend dependencies
   npm install
   
   # Install frontend dependencies
   cd client
   npm install

3. Create a .env file in the root directory:

   MONGODB_URI=your_mongodb_connection_string
   PORT=5000
   

4. Start the development servers:

   # Start backend server
   npm run dev
   
   # Start frontend development server
   cd client
   npm start

The application will be available at:

• Frontend: http://localhost:3000
• Backend: http://localhost:5000

Available Scripts

Backend

• npm start - Start the production server
• npm run dev - Start the development server with nodemon

Frontend

• npm start - Start the development server
• npm run build - Build the production bundle
• npm test - Run tests
• npm run eject - Eject from Create React App

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.