Skip to content

Full-stack app (that's also a love letter to vanilla CSS)

Notifications You must be signed in to change notification settings

fringewidth/ved

Repository files navigation

Database Schema

Ved: A Website for Research Collaboration

Ved is a student project aimed at promoting research collaboration. It is intended to serve as a platform where users can browse and interact with various research projects, papers, and authors.

How I made this:

  • Designed the UI in Figma.
  • Built the front-end using React and vanilla CSS (yes really)
  • Configured a Postgres database to store data.
  • Used Supabase for authentication and for the ORM
  • Populated the database with dummy data generated by Mistral.

Some Technical Details

  • The application supports basic authentication, allowing users to create an account, log in, and log out.
  • CRUD operations are supported, allowing users to create new projects, view project details, update user information, and delete projects.
  • The application includes a search functionality, enabling users to easily find specific projects or other users.
  • There are over 100 fake users. (thanks Mistral)

Home Page

Home Page The home page of the application, showing the top projects, publications and papers. It also showcases a video graphic that moves upon scroll.

Sign Up Page

Sign Up Page with error The sign up page of the application, displaying an error message when there is an issue with the user's input.

Login Page

Login Page The login page of the application, where users can enter their credentials to access their account.

Project Page

Project Page A detailed view of a single project, including project details, contributors, and constituent publications.

Publication Page

Publication Page A detailed view of a single publication, including the abstract, citation count, and journal details.

User Page

User Page A profile page for each user, displaying their information, projects, and publications.

Editing your User Page

Editing User Page A page where users can edit their profile information, including their name, bio, profile picture, and contact details.

Search Results

Search Results Search Results A page displaying the search results based on the user's query. It shows a list of projects, publications or users that match the search criteria.