Skip to content

WaveNet is a 90s-inspired retro social network designed during a 48hrs hackathon. Was built with React + Vite and TailwindCSS in frontend, and Python and FastAPI in backend.

Notifications You must be signed in to change notification settings

Alwexis/WaveNet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

WaveNet

WaveNet is a 90s-inspired retro social network designed during a hackathon. The project draws heavy inspiration from the MegaMan StarForce video game series, blending retro aesthetics with a unique and engaging way to connect users. The goal was to replicate the simplicity, charm, and functionality of early internet technology while incorporating the concept of digital bonds central to MegaMan StarForce.

 

Inspiration

WaveNet draws its inspiration from the MegaMan StarForce series, where characters connected and shared information using portable devices called "BrotherBands." These devices enabled users to form deep connections and access unique content through encrypted file sharing. WaveNet reimagines this concept for a social network by introducing the .wavebond system, where users generate and share encrypted files to add friends.

This design not only took inspiration from the 90s but also celebrates the futuristic imagination of that era, combining vibrant visuals, pixelated graphics, and simple, effective interfaces.

 

Key Features

- Retro Design:

A user interface that replicates the look and feel of 90s-era technology, with bold colors, pixelated visuals, and period-appropriate graphical elements.  

- Social Connections:

Users can create accounts, share posts, and interact with their friends through likes, comments, and private messages.  

- Friendship via Encrypted Files:

A unique "WaveBond" system allows users to add friends by sharing and uploading .wavebond files.  

- Private Messaging:

An inbox system enables real-time chat with friends, maintaining the retro-style experience.  

- Posts and Interactions:

Share thoughts, engage with friends' posts and like on shared content to foster a connected community.

 

How WaveNet Works

1. Create an Account:

Sign up with a username, email, password and an optional profile picture.  

2. Generate a .wavebond File:

After registration, an encrypted .wavebond file unique to your account is generated. This file is used to share your profile with others.  

3. Add Friends:

To add a friend, insert (upload) their .wavebond file. WaveNet securely decrypts the file to establish the connection.  

4. Explore the Network:

  • Post updates and like friends' posts.
  • Chat privately with friends through the inbox feature.

 

How to Run the Project Locally

Clone the repository:

git clone https://github.com/Alwexis/Codedex-Hackathon.git

 

Navigate to the project directory:

cd Codedex-Hackathon

 

How to Start the Backend and Frontend

Backend

  1. Ensure you have Python installed on your system.
  2. Create a virtual enviroment
python -m venv .dev
  1. Activate the virtual enviroment
cd .dev/Scripts/
.\activate
  1. Install requirements
cd ../..
pip install -r requirements.txt
  1. Start the FastAPI APP
uvicorn app:app --host 0.0.0.0 --port 8000 --reload

Now the backend will be running at http://localhost:8000.  

Frontend

  1. Ensure you have Node.js installed on your system
  2. Navigate to the frontend directory:
cd frontend
  1. Install dependencies
npm install
  1. Run app
npm run dev

The frontend will be available at http://localhost:5173/ (Probably).

About

WaveNet is a 90s-inspired retro social network designed during a 48hrs hackathon. Was built with React + Vite and TailwindCSS in frontend, and Python and FastAPI in backend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published