Skip to content

Repository navigation

README.md

Latest commit

 

History

History
56 lines (40 loc) · 1.69 KB

README.md

File metadata and controls

56 lines (40 loc) · 1.69 KB
Raw

Synapse

The main point of this project is to get insights of how to create websites and different libraries that can be used with react together with next.js. This is a chaotic collaboration between two students that pretty much has never created a website with the aim of incorporating backend usage before. It serves as a sandbox for building interactive web experiences and experimenting with frontend implementation

Demo: https://proj-synapse.vercel.app/

Active pages

Currently, only Anttra page is active, as the main page and Michaelbcy is only scaffolding for future contributions Demo: https://proj-synapse.vercel.app/anttra

Anttra landing page

Main libraries used

  • Framework: Next.js (React)
  • Animation: GSAP
  • 3D/Graphics: React Three
  • FiberUI Components: Base-UI
  • Computer Vision: OpenCV.js

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, make sure you have Node.js (v20+ recommended) and npm installed.

# Install nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

# Reload your shell
source ~/.bashrc

# Install and use Node 20 (LTS)
nvm install 20
nvm use 20

# Verify
node -v

npm install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.