Link para a aplicação: https://social-networkp.netlify.app/
CRUD construido em ReactJS usando o Firebase como banco de dados para facilitar a autenticação e armazenamento de dados, além do auxílio de ferramentas como o Context API para uma melhor administração do estado e propriedades, Styled-Components para uma estilização mais prática usando JavaScript, Axios para requisições HTTP e React-Router para criação de rotas.
A aplicação consiste em um CRUD(criação, consulta, atualização e destruição de dados) simulando uma rede social. Nela é possível a criação de usuários, a criação de posts inteiramente personalizável, possui uma Home que mostra os posts criados em ordem de criação (similar ao que o Instagram faz), há também um dashboard com os seus posts para te permitir editá-los ou exclui-los conforme queira, há dois modos de brilho, o dark e o light, facilitando assim para quem possui alguma sensibilidade à luz e também uma barra de pesquisa para facilitar a experiência do usuário para caso ela queira ver um post em específico.
Essa aplicação foi pensada para realmente se parecer com uma rede social, permitindo os usuários criarem posts sobre o seu dia a dia e interagirem com os seus colegas.
- Sistema de autenticação completo no Front-End com mensagens responsivas ao seu erro, facilitando o entendimento do usuário.
- Sistema de login e registro usando a API do Firebase.
- Home com a amostragem de todos os posts já criados em ordem de criação, facilitando assim o usuário saber quais foram os últimos.
- Sistema de criação de posts totalmente personalizável, incluindo título, conteúdo, imagem e etc.
- Barra de pesquisa de posts para facilitar caso o usuário queira procurar por algum em específico.
- Dashboard com todos os posts criados pelo usuário permitindo o mesmo ver quais foram eles, editá-los como quiser e também deletá-los.
- Sistema de temas Dark/Light com o framer-motion para a animação, permitindo assim o usuário decidir pelo tema que melhor o atenda.
- Ainda em atualização. Será adicionado novas features, como:
- Sistema de like nos posts.
- Renovação do estilo da página.
- Sistema de edição do perfil, dando a possibilidade do usuário adicionar uma foto no perfil e mais informações.
- Migração do Context API para Redux.
Link to the application: https://social-networkp.netlify.app/
CRUD built in ReactJS using Firebase as a database to facilitate authentication and data storage, in addition to the help of tools such as the Context API for better state and property management, Styled-Components for a more practical styling using JavaScript, Axios for HTTP requests and React-Router for creating routes
The application consists of a CRUD (data creation, query, update and destruction) simulating a social network. It is possible to create users, create fully customizable posts, it has a Home that shows the posts created in order of creation (similar to what Instagram does), there is also a dashboard with your posts to allow you to edit them or delete them as you wish, there are two brightness modes, dark and light, making it easier for those who have some sensitivity to light and also a search bar to facilitate the user experience in case she wants to see a specific post.
This application was designed to really look like a social network, allowing users to create posts about their daily lives and interact with their colleagues.
- Complete Front-End authentication system with responsive messages to your error, making it easier for the user to understand.
- Login and registration system using Firebase API.
- Home with the sampling of all posts already created in order of creation, thus making it easier for the user to know which were the last ones.
- Fully customizable post creation system, including title, content, image, etc.
- Post search bar to make it easier if the user wants to search for a specific one.
- Dashboard with all the posts created by the user allowing the user to see what they were, edit them as they wish and also delete them.
- Dark/Light theme system with framer-motion for animation, thus allowing the user to decide on the theme that best suits him.
- Under construction (Features such as adding comments and likes will still be added).
