WebCenter is a web application designed to serve as a visual bookmarking solution. This user-friendly platform allows users to store and effortlessly locate their website bookmarks. Each bookmark is presented as a card, complete with a title, a webpage screenshot, and a brief description. Users can conveniently log in to the application, utilize the powerful search functionality, and apply filters based on categories and tags to swiftly find desired websites. The admin privileges enable the management of website information, including editing existing data and adding new websites. The back-end is built with Java Spring Boot and employing a MySQL database. The front-end is developed using React, Redux, and JavaScript, with Bootstrap providing an aesthetically pleasing design. Additionally, the integration of Robot Framework facilitates automated screenshot capturing for each website stored in the MySQL database. The app is hosted online via Heroku, ensuring accessibility and availability for users.
The main view of WebCenter displays a collection of website cards, accompanied by categories, tags, and search functionality. Users can easily navigate through their bookmarks and access the login feature, ensuring seamless access to their favorite websites.
By selecting a single category and a tag, users can instantly refine their website display, providing a tailored browsing experience. Find exactly what you're looking for with ease.
In this screenshot, the 'Add New Webpage' functionality is highlighted, enabling users to effortlessly expand their bookmarked websites. Enjoy the convenience of quick and seamless updates to your collection.
 |
 |
 |
 |
| JavaScript | React | React Redux & RTK Query | Bootstrap |
 |
 |
 |
| Java | Spring Boot | MySQL |
 |
 |
| Heroku | ClearDB MySQL |
- Clone the repository
git clone [email protected]/arska2/web-collections - start server (run in server folder)
mvnw spring-boot:run - Install front-end dependencies
cd client
npm i - Start React App
npm start
The back-end database API is hosted on localhost:8080, and the front-end React app can be found at localhost:3000.