Giter VIP home page Giter VIP logo

tech-mirror's Introduction

Tech-Mirror

First individual project

Description

This is the tech news website where you can search about different sort of technologies,how to implement them.The user just need to signup through the website ,and can read various tech news,blogs,listen audio,read ebooks on tech.We are getting various apps or websites but with tech news the scenario is quite different,to grasp different emerging technlogies,this will work the hard core way.

Technologies used in this project

EJS CSS Vanilla Javascript NodeJs mongoDB

tech-mirror's People

Contributors

griffinannshual avatar madhav-495 avatar manan-arora31 avatar mrinalvarshney avatar taniiya avatar the-evocative-eye avatar

tech-mirror's Issues

Creating a trigger

We can notify the user that he/she has successfully logged in.

This will help increase the user's convenience, and confirmation to where he has registered through Gmail, and also we will have verified information of that person.

This might not sound like a problem, but a general enhancement feature that is almost implemented everywhere and will obviously solve the problem of security in terms of email addresses and end-to-end communication.

What we can do once somebody fills in his/her credentials, it automatically creates a trigger in the database, on saving the data, a broadcast message to the required email address that ' You have successfully logged in' should be sent to the email IDs which the user has entered.

Password status

When a user enters an email and password, we don't have validation checks for a password if it is strong, medium, or easy therefore a validation layer for the password is needed.
We can do it using regex(let's say we can give some conditions that if it contains uppercase, a lowercase, at least this length, at least one special character, and a (.) should strictly be there, then it suggests being strong password, similarly for medium and easy, this suggestion must be visible to the user.
Can refer to this!
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions

Alert for success

When we try to log in to the website, we have two compulsory fields name and email to be field, when he/she successfully logs in, it redirects us to the signup success page, instead of this if we add an alert that 'You have successfully logged in' within the same signup page, it will remove unnecessary hassle of calling another http.

Add dropdown

During login, create two dropdowns (one for which tech stack the user wants to explore, include various tech stacks in it, such as java, javascript, cpp, etc) and another dropdown for the purpose (say, if he/she wants to study as a student, a professional, an amateur, etc.) and made these fields as compulsory fields to be filled in.

Create a logout option

We don't have an option to log out as of now, if we could make that an option, log out option should be made visible in UI, and once logged out it should redirect to .homepage('/').

Make routes

We have a chat icon in the header.ejs, but does not have its implementation as of now. Therefore, try making routes for it, for which we are supposed to implement a chat feature on our web(it must be three to four lines work at max).

For more consideration go to the routes folder, which consists of two basic routers for POST requests (search and display all), similarly, you might have to make a new file within it to move further and then configure that file in our main file(app.js).

You can refer to this guide to study more about routing https://expressjs.com/en/guide/routing.html

Make an alert for success

When we try to log in to the website, we have two compulsory fields name and email to be field, when he/she successfully logs in, it redirects us to the signup success page, instead of this if we add an alert that 'You have successfully logged in' within the same signup page, it will remove unnecessary hassle of calling another http.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.