ACM.org

This is a redesign of the https://www.acm.org/ website, with improvemments to features such as the navbar, landing page, and profile page.

Stack/Technologies

• React – Frontend library
• JavaScript – Core language
• React Router – Client-side routing
• HTML & CSS – Markup and styling
• Bootstrap – Styling Library

Project Structure

• backend/
  • package-lock.json
  • package.json
  • server.js - Node.js/Express server handling backend logic and API routes
• public/ - Static assets (like images and favicons) that get served directly
• src/
  • components/ - Contains all reusable React components (.js/.css files)
  • App.css - Styling for the main App component
  • App.js - Root component of application
  • index.js - Entry point that renders the App component into the DOM
• .gitignore
• README.md - Project documentation and usage instructions
• package-lock.json - Auto-generated file that locks the dependency tree
• package.json - Lists frontend project dependencies and scripts

Requirements

• Node.js (v14 or later recommended)
• npm (comes with Node.js)

Installation

1. Clone the repository git clone https://github.com/kpe03/hci-project.git
2. Navigate to repo: cd hci-project

Running the Application

Follow these steps to run the frontend and backend servers:

Frontend:

1. Ensure you are in the project root directory (hci-project).
2. Install frontend dependencies: npm install
3. Start the React development server: npm start
4. Open http://localhost:3000 in your browser.

Backend:

1. Open a new terminal window or tab.
2. Navigate to the backend directory: cd backend
3. Install backend dependencies: npm install
4. Start the Node.js server: node server.js (The server will typically run on port 3001)

🌐 Live site

See the published version at: https://hci-project-x9wo.onrender.com