Skip to content

Rediettebeje/Wittier

 
 

Repository files navigation

Wittier

🌟 Wittier is the official RiverHacks2025 project built by the Women in Tech (WIT) team at Austin Community College!
Our goal: create a smart, witty platform powered by Next.js and SerpAPI to deliver fast, insightful, and empowering information to users.


🚀 Project Overview

Wittier is a web application that showcases how powerful women in tech can build with modern web technologies.
Using Next.js for the frontend and SerpAPI for intelligent search results, Wittier will:

  • Allow users to query and retrieve real-time search data.
  • Display results in an engaging, accessible, and mobile-friendly interface.
  • Celebrate women-led innovation by demonstrating top-notch engineering, design, and collaboration.

🛠️ Built With

  • Next.js — React Framework for server-side rendering and static site generation
  • SerpAPI — Real-time Search API for Google, Bing, and more
  • Vercel — Deployment and hosting
  • TailwindCSS (optional) — Utility-first CSS framework for styling

📂 Project Structure

📂 Project Structure

wittier/ ├── components/ # Reusable React components ├── pages/ # Next.js pages (routing based on file names) ├── public/ # Static assets (images, favicon, etc.) ├── styles/ # CSS or Tailwind configuration ├── utils/ # Helper functions (e.g., SerpAPI requests) ├── .env.local # Local environment variables (for API keys) ├── next.config.js # Next.js configuration ├── README.md # Project documentation └── package.json # Project metadata and dependencies

yaml Copy Edit


🔑 Environment Variables

Before running the project, set up a .env.local file in the root directory with the following:

NEXT_PUBLIC_SERP_API_KEY=your-serpapi-key-here

yaml Copy Edit

You can obtain a free API key by signing up at SerpAPI.


🏃‍♀️ Getting Started

  1. Clone the repository

git clone https://github.com/your-team-name/wittier.git cd wittier

markdown Copy Edit

  1. Install dependencies

npm install

or yarn install

markdown Copy Edit

  1. Run the development server

npm run dev

or yarn dev

yaml Copy Edit

  1. Open http://localhost:3000 to view it in your browser.

✨ Team WIT - RiverHacks2025

  • Austin Community College | Women in Tech (WIT)
  • Building a future where women lead, create, and innovate.
  • Powered by passion, code, and collaboration.

📣 Acknowledgments


📜 License

This project is licensed under the MIT License.
Feel free to fork, remix, and share with proper attribution!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 93.5%
  • CSS 6.5%