-
If the user has previously logged in, this login would be likely appear. Sign up button is in the case they don't have an account
-
If the user has not previously logged into the app, this page is displayed where they can enter their information to create an account
-
If user provides all valid information, allowing them to create an account. Login button is in the case the user already has an account.
-
After the user indicates their major, they recieve news articles relevant to that major
Inspiration
We wanted to help college students keep up with current news related to their major.
What it does
The application provides a way for students to keep up-to-date with the current events of their major, enabling them to stay informed and knowledgable.
How we built it
We used a Next.js framework that enabled us to use React. In addition, we implemented express.js for server routing and API calls, as well as the MongoDB Atlas to hold our user's information in a database. We intended to use the Metaphor and Twilio APIs.
Challenges we ran into
The Metaphor API did not work, as we chanced upon errors from the get go (Just importing the package into our javascript file), and the Twilio API gave us troubles with implementing as a module type project, rather than a commonjs.
Accomplishments that we're proud of
Having user authentication implemented, as well as the frontend design. In addition, as beginners, we are proud of our commitment to trying new technologies and things we are unfamiliar with.
What we learned
How to go about a project in a more efficient manner, rather than stubbornly building a project from the bottom-up.
What's next for NewsApp
We would like to improve the connection between the fronted and backend and integrate it more. We would also like to add more specific topic of interest options and even have a way to choose multiple topics versus just one.
Built With
- express.js
- metaphor
- next.js
- react
- twilio
Log in or sign up for Devpost to join the conversation.