In June 2022, as part of our second-year cycle class preparatory projects, we embarked on a project to enrich our web programming skills. The result of this endeavor is the dynamic and interactive social networking website named "tlkr."
"tlkr" was born as a web-based social networking site, aiming to provide real-time interaction within a community of internet users.
Tlkr encompasses all the essential features for information sharing, including:
- Sending and receiving messages to and from users.
- Accessing a news feed containing all updates.
- Posting new updates.
- Liking and commenting on updates.
- Searching for members and listing them.
- Inviting internet users to join.
- Managing user accounts (editing, deleting).
- User registration, authentication, and logout functionality.
This section covers the development stages of the site, provides information about the design, tools used, the environment, languages, and offers a comprehensive look at the project's design.
To bring tlkr to life, we utilized a range of languages and frameworks for both the frontend and backend:
Frontend:
- HTML5: The latest major revision of the HTML language, designed to represent web pages.
- CSS3 (Tailwind CSS): Used for straightforward and effective web page styling. Tailwind CSS is a utility CSS framework that simplifies the creation of responsive and customized user interfaces.
- JavaScript (React JS): A JavaScript library developed by Facebook for building single-page web applications based on components and state changes.
- Framer Motion: A React.js animation library that streamlines animation creation.
Backend:
- Firebase: A Google service offering real-time NoSQL database hosting, social authentication (Google, Facebook, Twitter, GitHub), notifications, and various other services. It simplifies interactions with applications through an integrated library.
Firebase was the ideal choice for managing the database, user authentication, and various other aspects of Talker. It is particularly well-suited for real-time interactive web applications.
tlkr boasts a responsive design, ensuring that the site is accessible and user-friendly across a wide range of devices, from desktop computers to smartphones and tablets. The responsive layout adapts to different screen sizes, providing an optimal viewing experience for all users.
You can experience Talker by visiting the following link: Talker (tlkr3-ce38e.web.app)
For more details on the project, please explore the source code files and documentation provided in this GitHub repository.
- Marwa EL KAMIL
- Ali EL MESSOUADI
- Sami EL FARICHA
- Khalil HAMDAOUI
Thank you for visiting our Tlkr project page! We hope you enjoy exploring our dynamic and interactive social networking site. If you have any questions or comments, please feel free to contact us.