Self Dictionary
A web platform to help language learning and to socialize with other learners.
Content
Overview
Status
:
On Development
Timeline
:
Oct 2024 - Ongoing Development
Description
Self Dictionary is a web platform designed to support language learning and connect learners with each other.
It allows users to keep and customize notes for each language and practice them through mini-games.
Users can also interact with others on social feeds and forums.
Features (so far)
- User authentication and authorization with JWT
- User login and signup
- Profile creation page
- Automatic browser language detection
- Protected routes
- Redirects
- Responsive Design
- Light and dark themes
Tech Stack
TypeScript
JavaScript with compile-time type checking
Nodejs
A JavaScript runtime
Express
A minimal and flexible Node.js web application framework
PostgreSQL
A powerful, open source object-relational database system
Prisma
A modern database ORM for TypeScript
React
A JavaScript library for single page applications
Vite
A modern build tool for libraries like React
Redux Toolkit
Global UI state management library
Zod
A runtime-safe schema declaration and validation library
React Router
A routing library for React from the creators of Remix
Tanstack Query
A remote state management library
Tailwind CSS
A CSS framework
Shadcn-ui
A component library-ish based on RadixUI
i18next
An internationalization library
Screenshots
Login page
Signup page
User must create a profile to use the website
My languages page
Language notes
Language notes page on light theme
Create note dialog
Edit language dialog
Responsive Design Examples
